﻿.ui-layout-pane {
	/* all 'panes' */
	padding: 0px;
	background: #fff;
	border-top: 1px solid #8CC0CB;
	border-bottom: 1px solid #CDE4E8;
	overflow: auto;
}
.ui-layout-pane-north, .ui-layout-pane-south {
	border: 1px solid #8CC0CB;
}
.ui-layout-pane-west {
	border-left: 1px solid #8CC0CB;
}
.ui-layout-pane-east {
	border-right: 1px solid #8CC0CB;
}
.ui-layout-pane-center {
	border: 1px solid #8CC0CB;
	border-bottom: 1px solid #CDE4E8;
}
.inner-center {
	border: 1px solid #8CC0CB;
}
.outer-west, .outer-east {
	background-color: #8CC0CB;
}
.middle-west, .middle-east {
	background-color: #8CC0CB;
}
.ui-layout-resizer {
	/* all 'resizer-bars' */
	background: #E0F1FB;
	border-top: 1px solid #8CC0CB;
	border-bottom: 1px solid #CDE4E8;
}
.ui-layout-resizer:hover {
	/* all 'resizer-bars' */
	background: #FED;
}
.ui-layout-resizer-west {
	border-left: 1px solid #8CC0CB;
}
.ui-layout-resizer-east {
	border-right: 1px solid #8CC0CB;
}
.ui-layout-resizer-closed {
	border-left-width: 0px;
}
.ui-layout-toggler {
	/* all 'toggler-buttons' */
	background: #ADD2DA;
}
.ui-layout-toggler:hover {
	/* all 'toggler-buttons' */
	background: #FC3;
}
.outer-center, .middle-center {
	/* center pane that are 'containers' for a nested layout */
	padding: 0;
	border: 0;
}
